<template>
	<!-- 申诉说明弹窗 -->
	<view class="explain-prop"  @touchmove.stop.prevent=''>
		<view class="prop-item">
			<view class="item-content">
				1.如对惩罚结果有疑问，48小时内可进行申诉，如申诉通过，将返还所扣分值；
			</view>
			<view class="item-content">
				2.超过48小时默认接受处罚结果
			</view>
			<view class="item-btn">
				<!-- <view class="close" @tap="onExplain">取消</view> -->
				<view class="confirm" @tap="onExplain">确定</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			onExplain() {
				this.$emit('onExplain', false)
			}
		}
	}
</script>

<style lang="scss">
	// 申诉说明弹窗
	.explain-prop{
		position: fixed;
		top:0;bottom:0;left:0;right:0;
		z-index: 1;
		background: rgba(0, 0, 0, 0.4);
		.prop-item{
			position: absolute;
			left: 0;right: 0;top: 0;bottom: 0;
			width: 420upx;
			height: 600upx;
			padding: 60upx 50upx;
			margin: auto;
			border-radius: 20upx;
			background: #FFFFFF;
			.item-content {
				margin-bottom: 40upx;
				font-size: 34upx;
				color: #333333;
			}
			// 取消/确定
			.item-btn{
				position: absolute;
				display: flex;
				margin-bottom: 10px;
				padding: 20upx 30upx;
				left: 0;right: 0;bottom: 0;
				justify-content: center;
				
				.close {
					font-size: 34upx;
					color: #999999;
				}
				.confirm {
					font-size: 34upx;
					color: #FF9900;
				}
			}
		}
	}
</style>
